Review: Create paper wireframes建立紙面線框圖（回顧）

線框圖是APP或網站的簡單草圖，作用是：搭建頁面的框架，展示主要功能，節省時間和成本

用線框圖設計，可以：明確要做什麼內容，提前發現問題，讓大家關注頁面佈局，不被視覺效果分散注意力，方便快速修改，配合故事板和使用者操作流程一起使用

線框圖設計步驟

1. 回顧前期準備

開始畫線框圖前，先看看之前做的研究、故事板，以及使用者會怎麼使用App。這樣能確保設計出來的頁面符合使用者需求。

2. 畫多個版本

為同一個頁面（比如主頁）畫至少五種不同的佈局。每個版本這樣做：

• 畫一個矩形代表手機螢幕

• 按照準備好的清單填入內容

• 每個版本用兩分鐘完成，五個版本大約十分鐘

3. 準備工具

一張白紙，一支筆（最好用鉛筆）

4. 列出要畫的內容

畫之前，先列出頁面需要的主要內容。根據前面的研究和草圖，列出重要功能。比如CoffeeHouse應用需要：導航欄,搜尋,購物車,圖片,文字說明

5. 選出最好的部分

畫完後，看看五個版本，給最好的部分打星號。判斷標準：能不能滿足使用者需求,能不能解決問題,符不符合產品目標

6. 合併成最終版

把打星的好部分組合成一個完整的頁面草圖。這個版本叫"主頁V1"，用來做後續的數字版本。

畫出完整的使用者流程

為了讓使用者能順利完成操作，還要繼續畫這些重要頁面：

• 選單頁：方便瀏覽和選擇商品

• 購物車頁：檢視、修改商品，準備結賬

• 結賬頁：填寫地址、選擇付款方式、完成購買

• 搜尋頁：快速找到想要的商品

建議：至少畫五個重要頁面的線框圖，確保使用者能順利完成操作。不要畫不必要的頁面（比如"聯絡我們"），要看它對使用者流程有沒有幫助。

自我檢查

畫自己專案的線框圖時，可以問自己這些問題：

• 工具準備好了嗎？內容清單列好了嗎？

• 畫了五種或更多不同的佈局嗎？

• 線框圖是否清楚顯示了頁面結構和功能（導航、按鈕、圖片、文字）？

• 有沒有給最好的部分打星號？

• 有沒有把好的部分合併成一個完整版本？

• 有沒有重複這個過程，完成整個使用者流程？

用星號標記能幫你找出哪些設計最好，應該放進最終版本，不斷改進使用者體驗。